<div class="navbar navbar-inverse navbar-fixed-top">
    <div class="navbar-inner">
        <div class="container-fluid">
            <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </a>

            <a class="brand" href="#">SoleMio (Sistema de Ventas)</a>

            <div class="nav-collapse collapse">
                <p class="navbar-text pull-right">
                    Ingreso como:
                    <a href="#" class="navbar-link">Username</a>
                </p>
                <ul class="nav">
                    <li class="active">
                        <a href="#">Home</a>
                    </li>                    
                </ul>
            </div>
            <!--/.nav-collapse -->
        </div>
    </div>
</div>

<div class="container-fluid">
    <div class="row-fluid">    
        <div class="span9">
            <h2>Productos</h2>
            <div class="hero-unit">	

                <ul class="nav nav-tabs" id="myTab">
                    <?php $i = 1; ?>
                    <?php foreach ($clases as $c): ?>                                        	
                        <?php if ($i == 1): ?>
                            <li class="active">
                                <a href="#<?php echo $c['Clase']['id']; ?>"><?php echo $c['Clase']['nombre']; ?></a>
                            </li>	
                        <?php else: ?>
                            <li>
                                <a href="#<?php echo $c['Clase']['id']; ?>"><?php echo $c['Clase']['nombre']; ?></a>
                            </li>
                        <?php endif; ?>
                        <?php $i++; ?>				
                    <?php endforeach; ?>
                </ul>

                <div class="tab-content">              
                    <?php
                    //$idMoso = $this->Session->read('Auth.User.id'); 
                    ?>
                    <?php $j = 1; ?>  
                    <?php foreach ($clases as $c): ?>
                    <?php  $clase = $c['Clase']['id']; ?>
                        <?php if ($j == 1): 
                       
                        ?>                                                            
                            <div class="tab-pane active" id="<?php echo $c['Clase']['id']; ?>">
                            <?php else: ?>
                                <div class="tab-pane" id="<?php echo $c['Clase']['id']; ?>">
                                <?php endif; ?>
                                <?php foreach ($productos as $p): ?>
                                    <?php $nombreProducto = $p['Producto']['nombre']; ?>
                                    <?php $idProducto = $p['Producto']['id']; ?>
                                    <?php if ($p['Producto']['clase_id'] == $c['Clase']['id']): ?>
                                        <?php if ($p['Producto']['estado'] == 0): ?>
                                            <a href="#" class="btn btn-mini <?php echo ($p['Producto']['estado'] == 1) ? 'btn-warning' : 'btn-danger' ?>">
                                                <?php //echo $this->Html->image('mesa.png'); ?>
                                                <h3><?php echo $p['Producto']['nombre']; ?></h3>
                                            </a>
                                        <?php else: ?>
                                            <?php
                                            echo $this->Ajax->link(
                                                    "<h3> $nombreProducto </h3>", 
                                                    array(
                                                        'controller' => 'Pedidos', 
                                                        'action' => 'ajaxanadir', 
                                                        $idMesa, 
                                                        $idPedido, 
                                                        $idProducto,
                                                        $clase), 
                                                    array(
                                                        'update' => 'cargaPedidos', 
                                                        'escape' => false, 
                                                        'class' => "btn btn-mini btn-warning", 
                                                        'style' => 'width: 120px')
                                            );
                                            ?>
                                            <!--<a href="<?php //echo $this->Html->url(array('controller' => 'Pedidos', 'action' => 'moso', $p['Producto']['id']));       ?>" class="btn btn-large <?php //echo ($p['Producto']['estado'] == 1) ? 'btn-warning' : 'btn-danger'       ?>">
                                            <?php //echo $this->Html->image('mesa.png'); ?>
                                                <h3><?php //echo $p['Producto']['nombre'];        ?></h3>
                                            </a>-->
                                        <?php endif; ?>
                                    <?php endif; ?>
                                <?php endforeach; ?>
                            </div>					
                            <?php $j++; ?>
                        <?php endforeach; ?>
                    </div>

                    <script>					
                        $('#myTab a').click(function (e) {
                            e.preventDefault();
                            $(this).tab('show');
                        })
                    </script>
                </div>
            </div>
            <!--/span-->

            <div class="span3">
                <div id="cargaPedidos">
                    <h2>Selecciona un Producto</h2>  
                    <?php echo $this->Html->link('Cancelarpedido', array('controller'=>'Pedidos', 'action'=>'cancelapedido', $idPedido, $idMesa), array('class'=>'btn btn-large btn-block')) ?>  
                </div>                
                <!--.well -->
            </div>
            <!--/span-->
        </div>
        <!--/row-->
        <hr />
        <footer>
            <p>
                Company 2012
            </p>
        </footer>
    </div>
    <!--/.fluid-container-->
</div>